<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>创意学院UI培训_UI设计培训_北京UI培训_平面设计培训_网页设计培训</title>
		<!--[if lt IE 8]>
		<link rel="stylesheet" href="fixIE.css" />
		<script src="js/html5shiv.js"></script>
		<![endif]-->
		<link rel="shortcut icon" href="img/ico_logo1.ico" type="image/x-icon"/>
		<link rel="stylesheet" href="css/reset.css"/>
		<link rel="stylesheet" href="css/index.css"/>
		<script type="text/javascript" src="js/jquery-1.7.2.min.js" charset="utf-8"></script>
		<script src="js/move.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="js/data.js"></script>
		<script type="text/javascript" src="js/data1.js"></script>
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body id="body">
	<section id="warp1"><!--顶部模块-->
		<div id="navbox">
			<nav id="topnav" class="clear"><!--顶部导航-->
				<h1 id="h1">
					<a href="javascript:;" title="创意学院欢迎您！"><img src="img/logo2.jpg" alt="创意学院"/></a>
				</h1>
				<div id="rnav_box">
					<ul id="rnav" class="clear">
						<li class="rli"><a href="javascript:;" class="first">学院保障<span class="rspan"></span></a></li>
						<li class="rli"><a href="javascript:;" class="second">行业前景<span class="rspan"></span></a></li>
						<li class="rli"><a href="javascript:;" class="third">课程大纲<span class="rspan"></span></a></li>
						<li class="rli"><a href="javascript:;" class="fourth">学员作品<span class="rspan"></span></a></li>
						<li class="rli"><a href="javascript:;" class="fifth">行业资讯<span class="rspan"></span></a></li>
					</ul>
				</div>
			</nav>
		</div>
	</section>
	<section id="warp2" class="clear">
		<div id="content_box" class="clear">
			<div class="cb_banner">
				<div id="banner_all">
					<!--<a id="prev" class="prev ba_pn" href="javascript:;">&lt;</a>
					<a id="next" class="next ba_pn" href="javascript:;">&gt;</a>-->
					<ul id="ba_imgbox" class="clear">
						<li><img src="img/banner/banner-ui1.jpg" alt="" /></li>
						<li><img src="img/banner/banner-ui2.jpg" alt="" /></li>
						<li><img src="img/banner/banner-ui3.jpg" alt="" /></li>
					</ul>
					<ol id="ba_ul" class="clear">
						<li class="show_color"></li>
						<li></li>
						<li></li>
					</ol>
				</div>
			</div>
			<div id="security_box" class="fc11">
				<h2 class="first_content h2_fc1">学院保障</h2>
				<ul id="security" class="clear">
					<li>
						<img src="img/inc1.jpg" alt="" />
						<div id="s_shade">
							<h4>独家优势</h4>
							<h3>名企内推机制</h3>
							<p>学院的学员将接受专业的就业咨询辅导，直送大名企的高薪职位，举荐创新创业团队成为核心成员。</p>
						</div>
					</li>
					<li>
						<img src="img/inc2.jpg" alt="" />
						<div id="s_shade">
							<h4>独家优势</h4>
							<h3>学习等于赚经验</h3> 
							<p>在设计公司中学习UI，与在职设计师并肩合作，并参与现在设计公司当下项目设计，让您在学习的同时获得100%的工作经验。</p>
						</div>
					</li>
					<li>
						<img src="img/inc3.jpg" alt="" />
						<div id="s_shade">
							<h4>独家优势</h4>
							<h3>重点项目展示</h3>
							<p>我们从事交互设计、视觉设计，旨在用创意将用户需要与商业策略相结合，并赋予其清晰极具说服力的未来愿景。</p>
						</div>
					</li>
					<li>
						<img src="img/inc4.jpg" alt="" />
						<div id="s_shade">
							<h4>独家优势</h4>
							<h3>权威机构认证</h3>
							<p>工信部认证的UI设计培训机构，为您提供专业的课程以及创新的教学模式，学习、实践、认证、就业一体化。</p>
						</div>
					</li>
				</ul>
				<h2 class="first_content second_content h2_fc1">UI全栈设计师</h2>
				<div id="loops" class="clear">
					<img src="img/downxiala.png" alt="喂，快拉我一把！" title="喂，快拉我一把！" id="d_ico" />
					<div id="phrased_box" title="快去拉右上角的蜘蛛！">
						<div id="phrased_lt" class="plt_box phrased_lt"></div>
						<div id="phrased_rt" class="plt_box phrased_rt"></div>
						<div id="phrased_lb" class="plt_box phrased_lb"></div>
						<div id="phrased_rb" class="plt_box phrased_rb"></div>
					</div>
					<div id="plt_textbox">
						<div class="plt plt_bg1">
							<h3>前景广</h3>
							<span></span>
							<p>时势必将造英雄</p>
						</div>
						<div class="plt plt_bg2">
							<h3>好就业</h3>
							<span></span>
							<p>急缺高手上千万</p>
						</div>
						<div class="plt plt_bg3">
							<h3>工资高</h3>
							<span></span>
							<p>平均已达六千大洋</p>
						</div>
						<div class="plt plt_bg4">
							<h3>全栈型</h3>
							<span></span>
							<p>十八般武艺样样精通</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div id="course">
			<h2 class="first_content third_content">课程大纲</h2>
			<ul id="stack_box">
				<li class="stack stack_c1">
					<div id="sb_c_box" class="sb_c_box1 clear">
						<div id="sc1_text1" class="sc1_left_box">
							<h4>设计基础+品牌设计</h4>
							<ul class="slb_text1 slb_t1">
								<li>抠图技巧、图像合成</li>
								<li>图像调色、钢笔使用技巧、文字工具</li>
								<li>效果菜单、图层蒙版详解、AI绘图</li>
								<li>手绘快速表现、色彩搭配原则</li>
								<li>印刷制品设计</li>
								<li>项目实训：完整一套VI(标志/宣传品)</li>
							</ul>
						</div>
						<div id="sc1_img1" class="sc1_right">
							<div id="sc1r_box" class="sc1r_box">
								<span class="sr_span">1</span>
								<img src="img/course_1.png" alt="" />
							</div>
						</div>
					</div>
				</li>
				<li class="bias_c bias_c1"></li>
				<li class="stack stack_c2">
					<div id="sb_c_box" class="sb_c_box2 clear">
						<div id="sc1_img2" class="sc1_right slb_fl">
							<div id="sc1r_box" class="sc1r_box sc1r_box1">
								<span class="sr_span sr_span1">2</span>
								<img src="img/course_2.png" alt="" />
							</div>
						</div>
						<div id="sc1_text2" class="sc1_left_box slb_fr">
							<h4>设计基础+电商+WEB网站设计</h4>
							<ul class="slb_text1 slb_text2 slb_t2">
								<li>抠图技巧、电商焦点产品图修饰、字体搭配原则</li>
								<li>网页导航与按钮设计制作</li>
								<li>电商专题页设计、PC端界面设计</li>
								<li>简约风格网站设计制作</li>
								<li>项目实训：项目实训：展示类型企业站</li>
							</ul>
						</div>
					</div>
				</li>
				<li class="bias_c bias_c2"></li>
				<li class="stack stack_c3">
					<div id="sb_c_box" class="sb_c_box3 clear">
						<div id="sc1_text3" class="sc1_left_box">
							<h4>前端开发制作 +响应式WEB开发</h4>
							<ul class="slb_text1 slb_t3">
								<li>HTML简介及文档结构</li>
								<li>CSS选择器讲解、浮动</li>
								<li>定位与布局、CSS3酷炫效果制作</li>
								<li>HTML5新标签、响应式布局原理</li>
								<li>Bootstrap模板</li>
								<li>项目实训：响应式网站设计开发</li>
							</ul>
						</div>
						<div id="sc1_img3" class="sc1_right">
							<div id="sc1r_box" class="sc1r_box">
								<span class="sr_span sr_span3">3</span>
								<img src="img/course_3.png" alt="" />
							</div>
						</div>
					</div>
				</li>
				<li class="bias_c bias_c3"></li>
				<li class="stack stack_c4">
					<div id="sb_c_box" class="sb_c_box4 clear">
						<div id="sc1_img4" class="sc1_right slb_fl">
							<div id="sc1r_box" class="sc1r_box sc1r_box1 sc1r_box4">
								<span class="sr_span sr_span1 sr_span4">4</span>
								<img src="img/course_4.png" alt="" />
							</div>
						</div>
						<div id="sc1_text4" class="sc1_left_box slb_fr slb_fr4">
							<h4>移动端视觉设计+ 可穿戴设备设计</h4>
							<ul class="slb_text1 slb_text2 slb_t4">
								<li>ICON写实图标、扁平化图标</li>
								<li>手机主题设计、交互与用户体验</li>
								<li>Axure RP软件详解</li>
								<li>iOS设计规范、Android设计规范</li>
								<li>可穿戴设备界面设计、智能电视界面设计</li>
								<li>AE交互动画制作，手机动效展示</li>
								<li>项目实战：完整一套ios和Android APP设计</li>
							</ul>
						</div>
					</div>
				</li>
				<li class="bias_c bias_c4"></li>
			</ul>
		</div>
		<div id="con_box">
			<div id="cb_box">
				<h2 class="first_content fourth_content">作品集锦</h2>
				<ul id="container_box" class="clear">
					<!--数据渲染content-->
				</ul>
			</div>
			<div id="warp_news" class="warp_news">
				<ul class="wn_ul clear">
					<li class="wn_li wn_li_mr">
						<ul id="wnu_ul1" class="wnu_ul">
							<li class="title_li clear">
								<h2 class="first_content fifth_content">新闻动态</h2>
								<a href="javascript:;" class="h2_more">更多></a>
							</li>
							<!--数据渲染content-->
						</ul>
					</li>
					<li class="wn_li">
						<ul id="wnu_ul2" class="wnu_ul">
							<li class="title_li clear">
								<h2>相关热帖</h2>
								<a href="javascript:;" class="h2_more">更多></a>
							</li>
							<!--数据渲染content-->
						</ul>
					</li>
				</ul>
			</div>
		</div>
	</section>
	<!--footer-->
	<section id="foot_box">
		<div class="fb_c clear">
			<div class="img_box"><img src="img/foot/foot_logo1.png" alt="" /></div>
			<div class="fb_te">
				<ul class="ft_ul">
					<li class="ft_img1"><a href="javascript:;">商务合作</a></li>
					<li class="ft_img2"><a href="javascript:;">意见反馈</a></li>
					<li class="ft_img3"><a href="javascript:;">关于我们</a></li>
					<li class="ft_img4"><a href="javascript:;">联系我们</a></li>
					<li class="ft_img5"><a href="javascript:;">版权声明</a></li>
					<li class="ft_img6"><a href="javascript:;">隐私保护</a></li>
				</ul>
				<div class="img_boxr">
					<img src="img/foot/hy_83x30.png" alt="" /><img src="img/foot/cnnic.png" alt="" />
				</div>
			</div>
		</div>
	</section>
	<!--backTop-->
	<div id="rb_btn" class="clear">
		<a href="javascript:;" id="top_btn"><img src="img/foot01/ll06.jpg" class="tb_bimg"/><img src="img/foot01/l06.jpg" class="tb_simg"/></a>
	</div>
	</body>
</html>
